<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 这是html的注释 -->
    <!-- 前端三大件 
    
        html  超文本标记语言  结构层   也是一门语言
        css  层叠样式表  样式层
        JavaScript  轻量级弱类型的脚本语言 
    
    -->

    <!-- 
        js三大核心  
        ES (ECMAScript) js 语法规范 
        我们要按照指定的语法进行开发  js这门语言就是一个 工具 我们使用这个工具解决问题

        es 也就是我们要按照说明书使用这个工具  

        BOM browser object model   浏览器对象模型  

        提供一整套操作浏览器的解决方案  提供一些属性 (静的)和 方法 (动态)

        DOM document object model  
        提供一整套文档流相关的属性和方法 

     -->
     <div class="haha"></div>
    <div id="test"></div>
    <div></div>


</body>

</html>